<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery-3.7.1.js"></script>
</head>
<body>
    <script>
        // 页面加载完，弹出一个提示框
        // window=$
        // $()===jQuery()  ===把dom对象转为jQuery对象
        // 转为jQuery对象之后还能否使用之前的dom对象方法？不能的！
        $(document).ready(function(){   ///ready()页面一加载时就执行
            alert("我是一个弹窗")

        })
        // $(document).ready(function(){})
            // 第一部分  $()   工厂函数  转为jQuery对象
            // 第二部分 选择器--被工厂函数包裹 标签选择器，类选择，id，后代==支持css中所有的选择器类型  =document.getElementsByTagName    选择对应的节点元素
            // document.getElementById   ==$("#id")     id选择器必须用#，引号引起来
            // document.getElementsByTagName   =$("div")   标签选择器
            // document.getElementsByClassName()  ==$(".class")    类选择器

            // 第三部分：方法  click() mouseover(),mouseout()

        window.onload=function(){

        }
    </script>
    
</body>
</html>